<!DOCTYPE html>
<html>
    <head>
        <title>Digipão - Login</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="media/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="media/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
        <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="media/css/backgroud-digipao.css" rel="stylesheet" type="text/css"/>
        <link href="media/css/digipao.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <form action="login" method="post">
            <div id="fundo-externo">
                <div id="fundo">
                    <img src="media/images/zoom-bg-1.jpg" alt=""/>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center margin-top-20">
                <h1 class="templatemo-site-title">
                    <img src="media/images/digipao100714-2115100714-2117.png" alt=""/>
                </h1>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 margin-top-20">
                <div class="container-fluid container">
                    <table class="login" >
                        <tr>
                            <td><label>Por favor faça o login!!! </label></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><label for="idEmail" id="idEmailLabel">E-mail: </label></td>
                            <td><input type="text" name="login" id="idEmail" class="form-horizontal" placeholder="test@digipao.com"></td>
                        </tr>
                        <tr>
                            <td><label for="idSenha" id="idSenhaLabel">Senha: </label></td>
                            <td><input type="password" name="senha" id="idSenha" class="form-horizontal" placeholder="123456"></td>
                        </tr>

                        <tr>
                            <td></td>
                            <td>
                                <button class="btn-success" type="submit">Login</button>
                            </td>                   
                        </tr>
                        
                        <tr>
                            <td>
                                <a href="/Digipao/media/jsp/sobreNos.jsp" style="color: black">
                                    <div class="black-bg btn-menu">
                                        <h2>Sobre Nós</h2>
                                    </div>
                                </a>
                            </td>
                            <td>
                                <a href="/Digipao/media/jsp/contactUs.jsp" style="color: black">
                                    <div class="black-bg btn-menu">
                                        <h2>Contate-nos</h2>
                                    </div>
                                </a>
                            </td>                   
                        </tr>
                    </table>  
                </div>
            </div>

            <script src="media/js/jquery.min.js" type="text/javascript"></script>
            <script src="media/js/jquery-ui.min.js" type="text/javascript"></script>
            <script src="media/js/jquery.backstretch.min.js" type="text/javascript"></script>
            <script src="media/js/templatemo_script.js" type="text/javascript"></script>
        </form>
    </body> 
</html>
